<template>
  <section>
    <el-tabs v-model="tabPage" @tab-click="selTabPage">
      <el-tab-pane label="课程定义" name="courseDefine">
        <course-define v-if="tabPage==='courseDefine'" />
      </el-tab-pane>
      <el-tab-pane label="课程列表" name="first">
        <class-list v-if=" tabPage==='first'"></class-list>
      </el-tab-pane>
      <el-tab-pane label="学员与课时" name="second">
        <learner-list v-if=" tabPage==='second'"></learner-list>
      </el-tab-pane>
      <el-tab-pane label="讲师管理" name="讲师管理">老师</el-tab-pane>
      <el-tab-pane label="报名列表" name="fourth">报名列表</el-tab-pane>
      <el-tab-pane label="签到专区" name="sign">
        <sign v-if="tabPage==='sign'"></sign>
      </el-tab-pane>
    </el-tabs>
  </section>
</template>

<script>
  import sign from '@/components/courseManagement/classSign/index'
  import courseDefine from '@/components/courseManagement/define/index'
  import classList from '@/components/courseManagement/class/index'
  import learnerList from './learner/learnerList'
  export default {
    name: "index",
    components: {classList,learnerList,courseDefine,sign},
    data(){
      return{
        tabPage:'courseDefine'
      }
    },
    methods:{
      selTabPage(t,e){
        this.tabPage=t.name
      }
    }
  }
</script>

<style scoped>

</style>
